<template>
  <mt-tabbar>
    <mt-tab-item id="首页">
      <img slot="icon" src="../assets/logo.png">
      首页
    </mt-tab-item>
    <mt-tab-item id="内容">
      <img slot="icon" src="../assets/logo.png">
      内容
    </mt-tab-item>
    <mt-tab-item id="我的">
      <img slot="icon" src="../assets/logo.png">
      我的
    </mt-tab-item>
  </mt-tabbar>
</template>

<script>
  import Vue from 'vue';
  import { Tabbar, TabItem } from 'mint-ui';
  import 'mint-ui/lib/style.css';
  Vue.component(Tabbar.name, Tabbar);
  Vue.component(TabItem.name, TabItem);
    export default {
        data:function () {
          return{
            msg:"我来组成脚部",
          }
        }
    }
</script>

<style scoped>

</style>
